<template>
  <header class="xm-header-bar flex border-bottom">
      <div class="xm-header-left">
          <i class="icon icon-back" v-if="isBack=='show'" @click="back"></i>
        <!--<div  class="flex icon back" ></div>-->
      </div>
      <div class="xm-header-center flex-1 text-overflow">
        <slot name="xm-header-center">
          <div class="xm-header-title"> {{ title }}</div>
        </slot>
      </div>
      <div class="xm-header-right">
        <slot name="xm-header-right">

        </slot>
      </div>
  </header>
</template>

<script>
  import star from 'components/star/star';

  export default {
    props: {
      isBack:{
            default: 'show'
        },
      backUrl: null
    },
    data() {
      return {
          title: '熊猫联采'
      }
    },
    methods: {
      back(){
          this.backUrl ? (window.location.href = "/#" + this.backUrl):window.history.back();
      }
    },
    created() {
    },
    components: {

    }
  };
</script>

<style lang="less" >
  @import "./header.less";
</style>
